<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Codifer</title>
		<link type="text/css" href="css/custom-theme/jquery-ui-1.8.11.custom.css"
			rel="stylesheet" />
		<link type="text/css" href="css/visualizadorCargaProcesoAdmin.css"
			rel="stylesheet" />
		<link type="text/css" href="css/general.css"
			rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
		<script type="text/javascript" src="js/general.js"></script>
	</head>
	<body>
	<div style="min-width:1200px; border:0px solid #FF0000;">
<!--Logo -->
	<div class="header ui-widget ui-corner-all">
		<div class="logo"></div>
		<div class="header-info">
			<!--<div class="header-info-usuario-icon"></div>-->
			<div class="header-info-usuario">
				<div class="off">				
					<div style="font-size: 12px; margin: 1px;"></div>
					<div style="font-size: 10px; margin: 1px;"><span>Fecha:</span> 03/02/2011</div>
					<div style="font-size: 10px; margin: 1px;"><span>IP:</span>127.0.0.1</div>
				</div>
			</div>
			<div class="clear"></div>
		</div> 
		<div class="clear"></div>
	</div>

	<!--Menu -->
	<div class="ui-widget ui-corner-all menu">
		<div id="navigation" style='color: 5E5E5E;'>
			<ul class="ui-helper-clearfix" id="menu">
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onClick="location.href='index.html'">Inicio</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onClick="location.href='index.html'">Productos</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onClick="location.href='cotizaciones.html'">Cotizaciones</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Clientes</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Cartera</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Contactos</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Reportes</div></li>
							
			</ul>
		</div>
	</div>




		<div class="cuerpo">
			<div class="left buscador"
			style="border-color: #BFBFBF">

			<!--Buscador-->
			<div style="margin: 0px 0px 15px 0px; padding-bottom: 5px;" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Buscar</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">
					
					<input type="text" name="buscar" id="buscar"
						style="margin: 0; padding: 0; height: 22px; width:220px" 
						value="Clic aqui para buscar" />
					<a class="boton-buscar" href="resultado_valvula.html" >Ir</a>
					<div class="clear"></div>
				</div>

			</div>

			<!--Iniciar sesion-->
			<div style="margin: 0px 0px 15px 0px" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Iniciar Sesión</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">

					<div style="width: 60px; display: inline;">Usuario :</div>
					<div>
						<input type="text" name="usuario" id="usuario"
						style="margin: 0; padding: 0; height: 22px; width: 240px;"
						value="" />
						</div>
					<div style="width: 60px; display: inline;">Password:</div>
					<div>
						<input type="text" name="usuario" id="usuario"
						style="margin: 0; padding: 0; height: 22px; width: 240px;"
						value="" />
					</div>
					
					<div style="height: 20px; padding: 10px 0; ">
						<a style="font-size: 14px; float:right; text-decoration: underline;" href="usua_vendedor.html"  >Ingresar</a>
						<div class="clear"></div>
					</div>

				</div>

			</div>

			<!--Destacados-->
			<div style="margin: 0px 0px 15px 0px; display: none">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span>Destacados</span>
					</p>
				</div>
				<div
					style="margin: 0px 5px; padding: 5px; width: 250px; height: 80px; background-image: url(css/images/jaguar.png); background-position: 50% 50%; background-repeat: no-repeat;"
					class="ui-corner-all buscador-caja caja_plugin"></div>
			</div>

			<!--Chat-->
			<div style="margin: 0px 0px 15px 0px" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Chat</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">

					<ul>
						<li class="chat"><a  href="#">Pedro Morales</a><span> - Conectado</span></li>
						<li class="chat"><a  href="#">Mario Perez</a><span> - Conectado</span></li>
						<li class="chat"><a  href="#">Alejandra Diaz</a><span> - Conectado</span></li>
					</ul>

				</div>

			</div>
			
			<div class="clear"></div>
		</div>
		</div>
			<div class="rigth contenido">
				<h1>Categoría de Productos</h1>
				<div class="area_cargas">
					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Válvulas</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga">
								<div style="background-image: url('css/images/categorias/1.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px;"></div>
							</div>
							<!--<div class="id_carga">No. 1</div> -->

						
							<!-- info detallada carga -->
							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								Manguera inox/ca...<br/>  
								Registro corte<br/> 
								Bobina <br/>						
							</div>
							    


						</div>


					</div>

					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Instrumentos Medición</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga ">
								<div style="background-image: url('css/images/categorias/2.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px;"></div>
							</div>
							

							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								Manómetro con gl...<br/>  
								Manómetro diafra...<br/> 
								Manómetro seco <br/>						
							</div>

						</div>


					</div>

					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Filtros y Trampas</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga ">
								<div style="background-image: url('css/images/categorias/3.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px; "></div>
							</div>
							<div class="id_carga"></div>

							<!-- info detallada carga -->
							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								Filtro y Flanche<br/>  
								Trampa balde inv...<br/> 
								Trampa termodin...<br/>						
							</div>
						</div>


					</div>
					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Maquinas eléctricas</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga">
								<div style="background-image: url('css/images/categorias/4.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px; "></div>
							</div>
							<div class="id_carga"></div>

						
							<!-- info detallada carga -->
							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								tronzadora <br/>  
								Banda para lijadora<br/> 
								Copa torno  <br/>						
							</div>

						</div>


					</div>
					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Bombas y motores</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga">
								<div style="background-image: url('css/images/categorias/5.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px; "></div>
							</div>
							<div class="id_carga"></div>

						
							<!-- info detallada carga -->
							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								Electrobomba ino...<br/>  
								Motor trifásico<br/> 
								Electrobomba sum...<br/>						
							</div>

						</div>


					</div>

					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Control de Caudal</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga">
								<div style="background-image: url('css/images/categorias/6.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px; "></div>
							</div>
							<div class="id_carga"></div>

							
							<!-- info detallada carga -->
							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								Medidor p/agua v...<br/>  
								Tubo vidrio alta...<br/> 
								Válvula p/flotad...<br/>						
							</div>

						</div>


					</div>
					<div class="carga">
						<div class="header_carga">
							<div class="ui-widget">
								<div class="ui-widget-header ui-corner-all titulo_caja"
									style="padding: 0 .7em;">
									<p style="margin: 7px 0pt; overflow: hidden">
										<span class="" style="float: left; margin-right: .3em;">></span>
										<span>Accesorios y tubería</span>
									</p>
								</div>
							</div>
						</div>
						<div class="body_carga ui-widget ui-corner-all">

							<div class="icono_carga">
								<div style="background-image: url('css/images/categorias/7.png'); background-repeat: no-repeat;
											background-position: 5px 5px; width:69px; height:67px; "></div>
							</div>
							<div class="id_carga"></div>

						
							<!-- info detallada carga -->
							<div class="cliente_carga">
								Top de Busqueda
							</div>

							<div class="valor_carga">
								Cap Hierro Dúctil<br/>  
								Copa Hierro Dúctil<br/> 
								Copa acero inox...<br/>						
							</div>

						</div>


					</div>

					<div class="clear">
					</div>

				</div>
				<div class="clear">
				</div>
			</div>
			<div class="clear">
			</div>
			
		</div>
		
		<div style="height:30px;  background-color: #000; border: 1px solid #000; bottom:0;  width:100%; color:white; margin-top:30px;"
				class="ui-widget ui-corner-all">
			
			<div style="backgroud-color:#000; height:30px; text-align:center; margin-top:5px;">
				
					PBX
				
			</div>
	
		</div>
		</div>
	</body>
	

</html>


 
